Flutter|使用typedef让回调更优雅

今天来谈谈 Flutter 的 typedef。

一. 熟悉的 VoidCallback

之前看 setState 源码的时候&＃xff0c;发现它的参数是 VoidCallback&＃xff1a;

void setState(VoidCallback fn) {}


VoidCallback 其实是一个自定义类型的无参数无返回值的匿名函数&＃xff1a;

/// Signature of callbacks that have no arguments and return no data.
typedef VoidCallback &＃61; void Function();


不得不说 Flutter 官方的命名就是好&＃xff0c;光看名字就知道它是做什么的&＃xff1a;void 回调&＃xff08;狗头&＃xff09;。

看到它的第一眼我想到的是 OC 的 dispatch_block_t &＃xff1a;

源码&＃xff1a;

typedef void (^dispatch_block_t)(void);


文档&＃xff1a;

The type of blocks submitted to dispatch queues, which take no argument and have no return value.

也是无参数无返回值的回调。

不能说完全一样&＃xff0c;只能说一模一样&＃xff0c;毕竟思想都是相通的嘛。

二. 有什么用&＃xff1f;

想知道有什么用&＃xff0c;先看看官方怎么用&＃xff0c;再想想官方为什么这么用。

除了那个 setState&＃xff0c;Flutter 源码中 VoidCallback 的身影经常出现&＃xff0c;要么做属性&＃xff0c;要么做参数。

为什么要用 VoidCallback&＃xff1f;直接 void Function() 不行吗&＃xff1f;

不是不行&＃xff0c;VoidCallback 相对 void Function()&＃xff0c;更加简洁&＃xff0c;可读性也更强。

因为这种无参数无返回值的回调会经常使用到&＃xff0c;所以官方设计了这个自定义类型。

说白了就是代码封装&＃xff0c;方便使用。

VoidCallback 相当于是对那种无参数无返回值的回调进行了一层封装&＃xff0c;并且给它取了一个名字&＃xff0c;下次使用&＃xff0c;直接叫它的名字。

三. 举例说明

比如选择城市页面&＃xff0c;选择了城市需要执行回调&＃xff0c;将城市名传出去&＃xff0c;回调可以这样写&＃xff1a;

/// 选择了城市的回调
typedef ChosenCityCallback &＃61; void Function(String city);


使用&＃xff1a;

class ChooseCityPage extends StatefulWidget {final ChosenCityCallback chosenCityCallback;ChooseCityPage({Key? key,required this.chosenCityCallback,}) : super(key: key);&＃64;override_ChooseCityPageState createState() &＃61;> _ChooseCityPageState();
}


回调&＃xff1a;

ChooseCityPage(chosenCityCallback: (city) {print(city);
});


四. 官方推荐

注意&＃xff1a;如果函数类型特别长或经常使用&＃xff0c;那么还是有必要使用 typedef 进行定义。

学废了吗&＃xff1f;